<template>
  <div>
    <input type="text" v-model="val" />
    <grid :columns="columns" :date="date" :val="val" />
  </div>
</template>

<script>
import grid from "../components/grid";
export default {
  data() {
    return {
      columns: [
        {
          name: "name",
          isAsc: false,
        },
        {
          name: "power",
          isAsc: false,
        },
        {
          name: "num",
          isAsc: false,
        },
        {
          name: "nn",
          isAsc: false,
        },
      ],
      date: [
        {
          name: "Chuck Norris",
          power: Infinity,
          num: 13,
          nn: "zz",
        },
        {
          name: "Bruce Lee",
          power: 400,
          num: 5,
          nn: "cd",
        },
        {
          name: "Jackie Chan",
          power: 200,
          num: 23,
          nn: "vv",
        },
        {
          name: "Jet Li",
          power: 300,
          num: 32,
          nn: "wn",
        },
      ],
      val: false,
    };
  },

  components: {
    grid,
  },
};
</script>

<style scoped>
</style>